<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<ui:composition template="../templates/layout.xhtml">
	<ui:define name="content">
		<h:form prependId="false" id="settingsForm">
			<p:panel id="data" toggleable="true" toggleSpeed="250">
				<f:facet name="header">
					<h:outputText value="#{messages.label_menu_settings}" />
				</f:facet>
				<h:panelGrid columns="1" width="100%">
					<p:spacer width="10" height="15" />
					<h:panelGrid columns="2" width="100%">
						<h:outputText value="#{messages.label_theme}" />
						<p:themeSwitcher value="#{settingsBean.selectedTheme}"
							style="width:165px" effect="fade" id="statefulSwitcher">
							<f:selectItem itemLabel="" itemValue="" />
							<f:selectItems value="#{settingsBean.themes}" />
							<p:ajax listener="#{settingsBean.saveTheme}" />
						</p:themeSwitcher>
					</h:panelGrid>
				</h:panelGrid>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>
</html>